.wok-ui-input {
  border: 1px solid var(--color-border);
  border-radius: var(--size-border-radius);
  font-size: var(--input-font-size);
  background-color: transparent;
  display: block;
  width: 100%;
  color: var(--color-text);
  appearance: none;
  box-sizing: border-box;
  padding: 0.375em 1em;
  line-height: 1.5;

  &.invalid {
    border-color: var(--color-danger);
  }

  &:disabled {
    cursor: not-allowed;
    background-color: #e9ecef;
  }
  /* 对webkit内核浏览器设置placeholder颜色 */
  ::-webkit-input-placeholder {
    color: #9FA3B0;
  }

  /* 对Gecko内核浏览器（例如Firefox设置placeholder颜色 */
  ::-moz-placeholder {
    color: #9FA3B0;
  }

  /* 对Webkit内核和Gecko内核浏览器设置placeholder颜色 */
  :-ms-input-placeholder {
    color: #9FA3B0;
  }

  /* 对所有浏览器设置placeholder颜色 */
  ::placeholder {
    color: #9FA3B0;
  }
}

textarea.wok-ui-input {
  resize: vertical;
}
